<template>
  <div class="app-main-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane :label="$t('message.tthylb')" name="0"><GroupList v-if="activeTab === '0'" :meta="meta" /></el-tab-pane>
      <el-tab-pane v-if="meta.indexOf('GroupRecord') > -1" :label="$t('message.qyjl')" name="1"><GroupRecord v-if="activeTab === '1'" :meta="meta" /></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import GroupList from './tabs/index.vue'
import GroupRecord from '../groupRecord/index.vue'
export default {
  components: {
    GroupList,
    GroupRecord
  },
  data() {
    return {
      activeTab: '0',
      meta: []
    }
  },
  created() {
    this.meta = this.$route.meta.buttons || []
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>
